
.f-r{float:right;}
.f-l{float:left;}
.fixed{position:fixed;bottom:0px;}
h1{font-size:2em;}
h3{font-size:1.6em;}
#balance{font-size:1.5em;color:#077ACE;}
/*person*/
.personTable tr th,.personTable tr td,.storeTable tr th{text-align:center;}
.personTable tr th,.storeTable tr th{background-color:#CCCCCC;}
.personTable tr td:hover{color:#2B78E4;}
h1.noInfo{text-align: center;color:#DDDEE1;}
/*storeList*/
.storeTable{margin: 20px 0px;}
.storeTable tr:hover{background-color:#EEEEEE;color:#3E82F7;}
.storeHeader{width: 100%;border:solid 1px #000000;padding:10px 5px 5px 5px;font-size:1.3em;}
.storeHeader p{text-align: center;display:inline-block;width: 84%;}
.storeHeader i{font-size:0.8em;color:#666B80;}
/*storDetail*/
.detailInfo{margin:20px 0px;}
.detailInfo p{font-size:1.2em;}
.detailInfo p.address i{color:#CF2A28;}
.detailInfo p.phone i{color:#009E11;}
/*gameList*/
ul,li{list-style: none;}
ul.gamelistBox>li{border: solid 1px #000000;margin:10px 0px;}
ul.gamelistBox li p.game-time{padding-left: 20px;}
ul.gamelistBox li p.price{font-size: 1.5em;color:#2B78E4;}

/*recharge*/
form.rechargeList input{width:100%;border: solid 1px #989898;padding:10px 0px;text-align: center;background-color:#DDDDDD;border-radius:2px;margin:10px 0px;cursor: pointer;}
form.rechargeList input.active{background-color:#2B78E4;color:#FFFFFF;}
#money{width: 100%;}
.rechargeButton{background-color:#6AA84F;color:#FFFFFF;width: 100%;border:solid 1px #009E11;padding:10px 0px;position: fixed;bottom:0px;font-size:1.3em;}

/*success*/
.top{text-align: center;color:#009E11;background-color:#EEEEEE;padding:25px 0px;}
.successTable{border: solid 2px #B6B6B6;border-radius:5px;margin:20px 0px;}
.successTable td{border-bottom:solid 1px #000000;}
.knowe{width:100%;}
.knowe button{background-color:#6AA84F;color:#FFFFFF;border-radius:10px;}

#template,#storeTemplate,#gamelistBox{display: none;}
